<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>不合格零件处理</title>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
		<link rel="bookmark" href="../favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/common.css" />
		<!-- 下拉框选择插件 -->
		<link rel="stylesheet" href="css/mobileSelect2.css" />
		<link rel="stylesheet" href="css/qualityCss.css" />
		<meta name="format-detection" content="telephone=no" />
		<!--[if lt IE 9]>
			<script src="js/lib/html5shiv.js"></script>
		<![endif]-->
		<script src="js/lib/flexible.js"></script>
		<style>
			.TabMain {
				padding-bottom: 1.173333rem;
			}
			.TabMainUl > li{
				border-radius: 0;
				box-shadow: inherit;
				margin: 0.4rem 0;
			}
			.TabMainUl > li:after{
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 1px;
				border-top: 1px solid #cccccc;
			}
			.TabMainUl > li:before{
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				border-bottom: 1px solid #cccccc;
			}
			.TabMainUl > li.con{
				padding: 0.4rem 0 0.4rem 0;
			}
			.TabMainUl > li.con .title{
				padding: 0 0.4rem;
			}
			.TabMainUl > li.con .title .handleAdd{
				right: 0.34rem;
				font-size: 0.4rem;
			}
			.TabMainUl > li.con .personBox{
				margin: 0 0 0 0.4rem;
			}
			.TabMainUl > li.con .personBox i{
				right: 0.55rem;
			}
			.TabMainUl > li.con .numberBox{
				padding: 0.2rem 0.4rem 0 0.4rem;
			}
			.personBox .personName{
				padding-right: 1rem;
			}
			.personBox .reworkProcedure {
				float: right;
				width: 60%;
				height: 0.7rem;
				line-height: 0.59rem;
				text-align: right;
				padding-right: 1rem;
				cursor: pointer;
				margin-top: 0.2rem;
			}

		</style>
	</head>
	<body>

	<!--加载中 -->
	<div class="spinner" id="spinner" style="display: none">
		<div class="spinner-container container1">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container2">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
		<div class="spinner-container container3">
			<div class="circle1"></div>
			<div class="circle2"></div>
			<div class="circle3"></div>
			<div class="circle4"></div>
		</div>
	</div>
	<!--加载中 end-->

	<div class="main" id="main">
		<div class="TabMain">
			<ul class="TabMainUl">
				<li class="qualityLi">
					<div class="title">交班情况</div>
					<div class="content qualityInfo">
						<p><span>已质检数量：</span>666</p>
						<p><span>不合格数量：</span>66</p>
						<p><span>质检批次号：</span>456456</p>
					</div>
				</li>
				<li class="scrap con">
					<div class="title">废弃处理<i class="handleAdd iconfont icon-zengjia1"></i></div>
				</li>
				<li class="lose con">
					<div class="title">丢失处理<i class="handleAdd iconfont icon-zengjia1"></i></div>
				</li>
				<li class="rework con">
					<div class="title">返工处理<i class="handleAdd isRework iconfont icon-zengjia1"></i></div>
				</li>
			</ul>
		</div>
		<div class="UnqualBut">提交</div>
		<input type="text" id="personName" style="position: fixed;z-index: 0;opacity: 0;width: 100px;height: 100px;bottom: 0;left: 0;"></input>
		<input type="text" id="reworkProcedure" style="position: fixed;z-index: 0;opacity: 0;width: 100px;height: 100px;bottom: 0;left: 0;"></input>
	</div>
	<script src="js/lib/jquery.2.1.4.min.js"></script>
	<script src="js/layer/mobile/layer.js"></script>
	<script src="js/common.js"></script>
	<script src="js/aescon.js"></script>
	<!-- 图片懒加载 -->
	<script language="javascript" src="js/lib/EasyLazyload.min.js"></script>
	<!-- 下拉框选择插件 -->
	<script language="javascript" src="js/mobileSelect2.js"></script>
	<script language="javascript" src="js/qualityUnqual.js"></script>
	</body>
</html>
